.pxToRem(@p, @px){
    @{p}: @px / 75px * 1rem;
}
.header{
    width:100%;
    .pxToRem(height, 90);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left:0;
    top:0;
    border-bottom: 1px solid #dddddd;
    .left{
        img{
            .pxToRem(width, 20);
            .pxToRem(height, 37);
            .pxToRem(margin-left, 32);
        }
    }
    .center{
        .pxToRem(font-size, 30);
    }
    .right{
        .pxToRem(font-size, 30);
        .pxToRem(margin-right, 32);
        color: #666;
    }
}
.main{
    width:100%;
    .pxToRem(height, 500);
    .pxToRem(margin-top, 90);
    p{
        text-align: center;
    }
    .p1{
        color:red;
        .pxToRem(font-size, 76);
        .pxToRem(padding-top, 70);
    }
    .p2{
        .pxToRem(letter-spacing, 10);
        .pxToRem(font-size, 30);
        color: #999;
    }
    div{
        .pxToRem(width, 300);
        .pxToRem(height, 70);
        .pxToRem(line-height, 70);
        .pxToRem(font-size, 26);
        background: #ececec;
        color:#666;
        border-radius: 20px;
        text-align: center;
        margin: 20px auto;
    }
}
.base{
    width:100%;
    .pxToRem(height, 478);
    background:url(../img/q_5.png);
    section{
        text-align: center;
        .pxToRem(padding-top,154);
        .pxToRem(font-size, 24);
    }
    .box{
        .pxToRem(width, 620);
        .pxToRem(height, 222);
        background: #ffffff;
        border-radius: 5px;
        margin: auto;
        display: flex;
        dd{
            text-align: center;
            .pxToRem(line-height, 111);
            .pxToRem(width, 124);
            .pxToRem(height, 111);
            .pxToRem(font-size, 17);
            border-right:1px solid #ececec;
            border-bottom:1px solid #ececec;
            img{
                .pxToRem(width, 12);
                .pxToRem(height, 20);
                .pxToRem(margin-left, 10);
            }
            .img{
                display: none;
                .pxToRem(width, 53);
                .pxToRem(height, 53);
                .pxToRem(margin-top, -40);
            }
        }
    }
    .box dd:last-child{
        border-bottom: none;
    }
}
.choujian{
    p{
        text-align: center;
        .pxToRem(line-height, 76);
        .pxToRem(font-size, 30);
        a{
            color:orange;
            text-decoration: none;
        }
       img{
           .pxToRem(width, 24);
           .pxToRem(height, 24);
           .pxToRem(margin-left, 10);
       }
    }
}
.qiandao{
    .pxToRem(width, 210);
    .pxToRem(height, 226);
    .pxToRem(margin-left,-110);
    position: fixed;
    .pxToRem(top, 485);
    left:50%;  
    .wei{
        .pxToRem(width, 210);
        .pxToRem(height, 226);
        img{
            .pxToRem(width, 210);
            .pxToRem(height, 226);
        }
    }
    .yi{
        display: none;
        .pxToRem(width, 210);
        .pxToRem(height, 226);
        .pxToRem(margin-top, -226);
        img{
            .pxToRem(width, 210);
            .pxToRem(height, 226);
        }
    }
}